<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="shortcut icon" href="./favicon.png" type="image/x-icon">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <link rel="stylesheet" href="./css/header.css">
    <link rel="stylesheet" href="./css/login.css">

</head>

<body>

    <section>
        <div class="alert alert-warning alert-dismissible fade show" role="alert">
            <strong>提示：</strong> 账号或密码错误！
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
        <div id="left"></div>
        <div id="right">

            <form class="row g-3">

                <div class="col-md-4">
                    <input type="text" class="user" id="validationDefault02" placeholder="用户名" required>
                </div>
                <div class="col-md-4">
                    <input type="text" class="passw" id="validationDefault02" placeholder="密码" required>
                </div>

                <div class="line">
                    <div class="col-12">
                        <button class="btn btn-primary" type="submit">登录</button>
                    </div>
                    <div class="col-12">
                        <a href="./register.html" class="btn">没有账号，去注册</a>
                    </div>
                </div>
            </form>
            <a href="./index.html" id="back">返回首页</a>
        </div>
    </section>

    <script src="./js/jquery-3.6.0.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    <script src="./js/header.js"></script>
    <script src="./js/login.js"></script>
</body>

</html>